/**
* Template Name: Kelly
* Template URL: https://bootstrapmade.com/kelly-free-bootstrap-cv-resume-html-template/
* Updated: Mar 17 2024 with Bootstrap v5.3.3
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

.portfolio .portfolio-wrap .portfolio-links sweet {
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #740b6d;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio .portfolio-wrap .portfolio-links sweet:hover {
  color: #740b6d;
  background: #ffffff;
}

.portfolio .portfolio-wrap .portfolio-links monster {
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #3DA7DA;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio .portfolio-wrap .portfolio-links monster:hover {
  color: #3DA7DA;
  background: #ffffff;
}

.portfolio .portfolio-wrap .portfolio-links memories {
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #BD1E56;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio .portfolio-wrap .portfolio-links memories:hover {
  color: #BD1E56;
  background: #ffffff;
}

.portfolio .portfolio-wrap .portfolio-links goosbumps {
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #FF914D;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio .portfolio-wrap .portfolio-links goosbumps:hover {
  color: #FF914D;
  background: #ffffff;
}

.portfolio .portfolio-wrap .portfolio-links wereld {
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #00BF63;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio .portfolio-wrap .portfolio-links wereld:hover {
  color: #00BF63;
  background: #ffffff;
}

.portfolio .portfolio-wrap .portfolio-links aurora {
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #ff4af9;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio .portfolio-wrap .portfolio-links aurora:hover {
  color: #ff4af9;
  background: #ffffff;
}

.portfolio .portfolio-wrap .portfolio-links DZE {
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #d10000;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio .portfolio-wrap .portfolio-links DZE:hover {
  color: #d10000;
  background: #ffffff;
}

.portfolio .portfolio-wrap .portfolio-links street {
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #e8328b;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio .portfolio-wrap .portfolio-links street:hover {
  color: #e8328b;
  background: #ffffff;
}

.portfolio .portfolio-wrap .portfolio-links tedx {
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #8b7eff;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio .portfolio-wrap .portfolio-links tedx:hover {
  color: #8b7eff;
  background: #ffffff;
}

.portfolio .portfolio-wrap .portfolio-links make {
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #bd4447;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio .portfolio-wrap .portfolio-links make:hover {
  color: #bd4447;
  background: #ffffff;
}

.portfolio .portfolio-wrap .portfolio-links GT {
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #bf5dff;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio .portfolio-wrap .portfolio-links GT:hover {
  color: #bf5dff;
  background: #ffffff;
}

.portfolio .portfolio-wrap .portfolio-links Albron {
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #E50051;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio .portfolio-wrap .portfolio-links Albron:hover {
  color: #E50051;
  background: #ffffff;
}

.portfolio .portfolio-wrap .portfolio-links DSFW {
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #8c52ff;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio .portfolio-wrap .portfolio-links DSFW:hover {
  color: #8c52ff;
  background: #ffffff;
}

.portfolio .portfolio-wrap .portfolio-links Neuro {
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #b154cb;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio .portfolio-wrap .portfolio-links Neuro:hover {
  color: #b154cb;
  background: #ffffff;
}

.portfolio .portfolio-wrap .portfolio-links wereldwebsite {
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #002b99;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio .portfolio-wrap .portfolio-links wereldwebsite:hover {
  color: #002b99;
  background: #ffffff;
}

.portfolio .portfolio-wrap .portfolio-links drawings {
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #587bc2;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio .portfolio-wrap .portfolio-links drawings:hover {
  color: #587bc2;
  background: #ffffff;
}